{include file="common/header"}
<script>
    $('#example-navbar-collapse>ul>li').removeClass('active')
    $($('#example-navbar-collapse>ul>li')[0]).addClass('active')
</script>
<style>
    * {
        margin: 0px;
    }

    #big-block {
        height: 550px;
        width: 1300px;

        margin: -20px auto 0 auto;
        padding: 50px;
        border-radius: 3%;
    }

    #big-block-out {
        background-image: url("/GQT/public/static/image/index/backgro.jpg");
    }

    #bid-block-om {
        background-color: rgba(0, 0, 0, 0.350);
    }

    #big-block-in {
        color: #ffffff;
    }

    #big-block p {
        font-size: 80px;
    }

    #big-block span {
        font-size: 30px;
    }

    #speack {
        height: 400px;
    }

    #title {
        display: block;
        text-align: center;
        font-size: 35px;
        margin: 50px 0px 0px 0px;
        font-weight: bold;
    }

    #title-one {
        font-family: 'Comic Sans MS', cursive, sans-serif;
        letter-spacing: 1px;
    }

    /*#title-two{
    font-size: 30px;
}*/

    .column {
        width: 290px;
        height: 190px;
        margin: 15px auto;
        display: inline-block;
        padding: 14px;
    }

    .glyphicon {
        width: 56px;
        height: 56px;
        font-size: 4em;
    }

    #speack-column {
        margin-top: 60px;
    }

    .column h4 {
        font-size: 1.7142857rem;
        margin: 26px auto 14px auto;
        font-weight: 700;
    }

    .column h5 {
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 2px;
    }
</style>
<div id="big-block-out">
    <div id="bid-block-om">
        <div id="big-block">
            <div id="big-block-in">
                <p>共青团第二课堂</p>
                <span>&nbsp;&nbsp; &nbsp; &nbsp;更好的管理你的课外学分</span>
            </div>
        </div>
    </div>
</div>
<div id="speack">
    <div>
        <div id="title">
            <span id="title-one">Better ways to manage your credits.
                <br/>
            </span>
            <br>
            <!-- <span id="title-two"></span> -->
        </div>
    </div>

    <div id="speack-column" align="center">
        <div class="column" align="center">
            <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
            <h4>管理</h4>
            <h5>管理就是把复杂的问题简单化，混乱的事情规划化。</h5>
        </div>
        <div class="column" align="center">
            <span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span>
            <h4>项目</h4>
            <h5>项目就是与课程学习有机结合，引伸出的研究课题。</h5>
        </div>
        <div class="column" align="center">
            <span class="glyphicon glyphicon-send" aria-hidden="true"></span>
            <h4>技术</h4>
            <h5>技术就是你出生时尚未存在的任何事物。——艾伦·凯</h5>
        </div>
        <div class="column" align="center">
            <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
            <h4>交流</h4>
            <h5>与别人交流有助于自己的思想的修养。——蒙田</h5>
        </div>
    </div>
</div>


{include file="common/footer"}